.box{
    width: 100%;
    height: 500px;
    position:absolute;
    top:0;
}
#content_m{
    width: 100%;
    height: 500px;
    border-width: 1px;
    border-color: #6C6C6C;
    margin-right:1%;
    margin-left:1%;
}
form{
    width: 100%;
    height:60px;
    line-height:40px;
    border-top:1px solid #ccc;
    position:absolute;
    bottom:0;
    left:0;
}
#content_m form img{
    border:1px solid #ccc;
    border-radius:7px;
    padding:2px;
    cursor:pointer;
    margin:5px 0 0 5px;
    float:left;
    width:40px;
    height:40px;
}
#content_m form input[type='text']{
    width:80%;
    height:40px;
    line-height:27px;
    border-radius:7px;
    border:1px solid #ccc;
    float:left;
    margin-left:5px;
    margin-top:5px;
    outline:none;
    padding:0 5px;
}

.info_box{
    width: 100%;
    height:440px;
    overflow-y:auto;
}
.info_box::-webkit-scrollbar {display:none}
.info_box div{
    margin:0 0 5px;
    position:relative;
}
.info_box .info_r{

}
.info_box .info_l{

}
.info_box .info_l img{
    position:absolute;
    left:0;
    top:0;
}
.info_box .info_r img{
    position:absolute;
    right:0;
    top:0;
}
.info_box .info_l span{margin-left: 60px;margin-top:16px;}
.info_box .info_r span{margin-left:28%;margin-top:16px;}
.info_box .info_m span{}
.info_box .msg_r{
    width: 66%;
    height: auto;
    font-size:14px;
    background:#ddd;
    border-radius: 10px;
    padding:8px;
    color:#333;
    display: block;
    position:relative;
    top:0;
    text-align: right;
}
.info_box .msg_l{
    width: 66%;
    height: auto;
    font-size:14px;
    background:#ddd;
    border-radius: 10px;
    padding:8px;
    color:#333;
    display: block;
    position:relative;
    top:0;
}
.info_box .msg_m{
    width: 100%;
    font-size:14px;
    padding:8px;
    display: block;
    text-align: center;
    margin-top: 20px;
    color: gray;
}
.info_box .info_l img{
    float:left;
    width:50px;
    height:50px;
}
.info_r img{
    float:right;
    width:50px;
    height:50px;
}

